<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>帮助中心</title>
    <link rel="stylesheet" href="../css/initialize.css">
    <link rel="stylesheet" href="../css/F_index.css">
</head>
<body>

<div class="F-list">

</div>

<script src="../js/jquery-2.2.4.min.js"></script>
<script src="../js/Url.js?time=201710181656"></script>
<script src="../js/rem.js"></script>
</body>
</html>

<script type="application/javascript">
    $.ajax({
        type: "get",
        async:false,
		dataType : "jsonp",//数据类型为jsonp  
		jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数
        url: ObjUrl.URLdata + '/html/helpCenter',
        data: {},
        success: function (data) {
            var datas = data.data;
            //console.log(datas)
            var chainHTML = "";
            for (var i = 0; i < datas.length; i++) {
                chainHTML +=
                        '<div class="F-chain_wear_box">' +
                        '<div class="F-chain_wear">' +
                        '<img class="F-we" src="' + ObjUrl.URLimgs + '/restful/file/downloadthumb?fileId=' + datas[i].icon + '" alt=""><span class="F-with">' + datas[i].title + '</span>' +
                        '<a href="javascript:;" class="pa"><img src="../image/below.png" alt=""></a>' +
                        ' </div>' +
                        '<div class="F-text hide">'+ datas[i].content +'</div>' +
                        '</div>';
            }
            $(".F-list").html(chainHTML)

            $(".F-chain_wear").click(function () {
                $(this).next().slideToggle(200)
                var that = $(this).find('a').find('img');
                if (that.attr('src') == "../image/below.png") {
                    that.attr('src', '../image/up.png')
                } else {
                    that.attr('src', '../image/below.png')
                }
            })
        }
    })



</script>
